<template>
    <approval-file v-if='downFileType === "approval"'></approval-file>
    <project-file v-if='downFileType === "project"'></project-file>
</template>

<script lang="ts" setup>
import { ref,onMounted } from "vue";
import {useRoute } from "vue-router";
import approvalFile from "../components/approvalFile.vue";
import projectFile from "../components/projectFile.vue";
const downFileType = ref("");
const route = useRoute();

onMounted(() => {
  downFileType.value =  route.query.mode;
})

</script>
<style scoped lang="scss">
.card-box {
  margin-bottom: 10px;
}
.header-btn {
  margin: 10px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
</style>
